@font-face {
        font-family: "gl";
        src:    url("gl.ttf") format("truetype"),
        font-style: normal; font-weight: normal;
}

/* reset */
body { color: #333; }
.container { width: 1200px; max-width: 1200px; padding-left: 0; padding-right: 0; }
.primary { color: #9d2933 !important; }

.btn-primary { background-color: #9d2933; color: #FFF; border: 0; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.active { background-color: #d40d1e; color: #FFF; border: 0; }
.btn-radius { border-radius: 100rem; }

#debug-tog { position: fixed; right: 5%; bottom: 15%; background: #ccc url(../images/debug.gif) no-repeat 50% 50% / cover; border-radius: 100%; width: 1rem; height: 1rem; z-index: 3000; box-shadow: 0 0 .1rem #ffc600; cursor: pointer; }
.debug-menu { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #FFF; display: none; z-index: 8000;}
.debug-frame { border: 0; width: 100%; height: 100%; }
.debug-open .debug-menu { display: block; }
.debug-list { margin: 0 auto; width: 400px; }
.debug-list .i { position: relative; padding-right: 80px; margin: 5px 0;}
.debug-list .a { display: block; line-height: .3rem; font-size: .14rem; }
.debug-list .a.yes { font-weight: bold; color: #f00; }
.debug-list .a:hover { background-color: #111; color: #FFF; }
.debug-list .m { position: absolute; display: block; line-height: 30px; padding: 0 15px; background-color: #ff3c00; color: #FFF; right: 0; top: 0; border-radius: 3px; }
.debug-list .m:hover { background-color: #111; }
.debug-list .c { padding-left: 40px; }
@media ( max-width: 828px ) {
    .debug-list { width: 100%; padding: .2rem;}
    .debug-list .a { font-size: .14rem; }
}

/* header */
header { background-color: #464646; color: #e5e5e5; position: absolute; top: 0; width: 100%; left: 0; z-index: 1000; }
.hd-toper { line-height: .5rem; height: .5rem; }
    .hd-toper .tel { float: right; }
.hd-m { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23282828' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 0 / 100% .7rem, url(../images/nav-dropmenu-bg.jpg) no-repeat 50% 100%; max-height: .7rem; overflow: hidden; transition: max-height .3s ease-in-out; }
    .hd-m.hold { max-height: 500px; }
    .w-logo { width: 15%; float: left;  }
    .w-menu { width: 85%; float: left; display: table;}
    .w-logo .a, .w-menu .x-a { display: block; text-align: center; height: .7rem; line-height: .7rem; background-color: #282828;}
    .w-logo .a { background-color: #202020; }
    .w-logo img { height: .5rem; }
    .w-menu .w-i { width: 16.6666666666%; display: table-cell; }
        .w-menu .w-i + .w-i { border-left: 1px solid rgba(255,255,255,0.2); }
        .w-menu .w-i .s { padding-bottom: 1rem; }
        .w-menu .w-i:hover { background-color: rgba(0,0,0,0.2); }
    .w-menu .x-a, .w-menu .x-s { color: #eee; }
        .w-menu .x-a:hover { background-color: #696969; }
    .w-menu .x-s { display: block; line-height: .45rem; padding: 0 .15rem; text-align: center; }
        .w-menu .x-s:hover { background-color: rgba(255,255,255,0.2); color: #ffeabd; font-weight: bold; }

/* swiper */
.swiper-slide .view { display: block; }
    .swiper-slide .view img { width: 100%; }
.swiper-index .swiper-pagination-bullet { width: .6rem; height: 3px; background-color: #999; border-radius: 0; }

/* common */
.wrap { padding-top: 1.2rem; padding-bottom: .5rem ; overflow: hidden; }

.section-t { text-align: center; margin: .5rem auto; }
    .section-t .en { color: #aaa; text-transform: uppercase; font-size: .25rem; line-height: 1; }
    .section-t .cn { display: inline-block; font-weight: bold; color: #121212; font-size: .38rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23d0d0d0' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 50% / .8rem 1px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23d0d0d0' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 100% 50% / .8rem 1px; padding: 0 1rem;}
    .section-t .x { font-size: .2rem; color: #aaa; }

/* index */
.index-part-2 { background: #666 url("../images/index-2-bg.jpg") no-repeat 50% 50% / cover
; margin: .3rem 0; }
.swiper-index-2 { padding: 1.6rem 0; position: relative;}
    .swiper-index-2 .swiper-slide { background-color: #333; }
    .swiper-index-2 .swiper-slide-active { transform: scale(1.5,1.5); z-index: 500; transition: .2s all ease-in-out; box-shadow: 0 0 .2rem rgba(0,0,0,.8);}
    .swiper-index-2 .view { position: relative;  }
    .swiper-index-2 .view p { display: none; position: absolute; color: #FFF; line-height: .4rem; text-align: center; overflow: hidden; white-space: nowrap; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5);  }
    .swiper-index-2 .view img { opacity: .4; }
    .swiper-index-2 .swiper-slide-active .view img { opacity: 1; }

    .swiper-index-2 .swiper-ac-r { position: absolute; top: 45%; width: .3rem; height: .8rem; background-color: rgba(255,255,255,.2) ; background-repeat: no-repeat; background-position: 50% 50%; background-size: 50% auto; z-index: 600;}
    .swiper-index-2 .swiper-ac2-prev { background-image: url(../images/ico-arr-1.png); left: 0;}
    .swiper-index-2 .swiper-ac2-next { background-image: url(../images/ico-arr-2.png); right: 0; }

.index-part-3 { background: #aaa url(../images/index-3-bg.jpg) no-repeat 50% 50% / cover; position: relative; }
    .index-part-3 .container { position: relative; }
    .index-part-3 .swiper-ac-r { position: absolute; top: 45%; width: .8rem; height: .8rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; z-index: 600;}
    .index-part-3 .swiper-ac3-prev { background-image: url(../images/ico-arr-1.png); left: -.8rem;}
    .index-part-3 .swiper-ac3-next { background-image: url(../images/ico-arr-2.png); right: -.8rem; }
.index-part-3-x { background-color: rgba(62, 62, 61, .9); position: absolute; bottom: 0; width: 100%; left: 0; z-index: 1000;}
    .index-part-3-x .w { display: table; width: 100%; table-layout: fixed;}
    .index-part-3-x .i { display: table-cell; text-align: center; }
    .index-part-3-x .in { display: block; padding: .25rem .15rem;}
    .index-part-3-x .im { height: 0; padding-bottom: 100%; position: relative; overflow: hidden; border-radius: 100%; opacity: .6; transition: .2s all ease-in-out; }
    .index-part-3-x .in:hover .im { opacity: 1; }
    .index-part-3-x .im img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .index-part-3-x .t { color: #FFF; font-size: .18rem; }
    .index-part-3-x p { color: #aaa;  }

.index-part-4 {  }
    .index-part-4 .i { width: 33.3333333333%; float: left; padding: .1rem; }
    .index-part-4 .in { border: 1px solid #d0d0d0; display: block; }
        .index-part-4 .in:hover { opacity: .8; }
    .index-part-4 .im { height: 0; padding-bottom: 75%; position: relative; }
    .index-part-4 .im img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
    .index-part-4 .t { height: .4rem; line-height: .4rem; padding: 0 .15rem; }
    .index-part-4 .t i { font-weight: bold; font-size: .16rem; padding-right: .15rem; }
    .index-part-4 .t cite { font-size: .12rem; }
    .index-part-4 .t span { float: right; }

.index-part-5 { background: #333 url(../images/index-5-bg.png) no-repeat 50% 50% / cover; }
    .index-part-5 .container { position: relative; }
    .index-part-5 .swiper-ac-r { position: absolute; top: 45%; width: .8rem; height: .8rem; background-color: rgba(255,255,255,.1) ; background-repeat: no-repeat; background-position: 50% 50%; background-size: 50% auto; z-index: 600;}
    .index-part-5 .swiper-ac5-prev { background-image: url(../images/ico-arr-1.png); left: -.8rem;}
    .index-part-5 .swiper-ac5-next { background-image: url(../images/ico-arr-2.png); right: -.8rem; }
    .swiper-index-5 .view img { height: 600px; }
    .index-part-5 .x-e { position: absolute; height: 100%; left: 0; top: 0; padding: .4rem 0; background-color: rgba(0,0,0,0.6); z-index: 900;}
        .index-part-5 .x-e .x-e-r { position: absolute; left: 30%; width: 40%; height: .4rem; z-index: 1200; }
        .index-part-5 .x-e .x-e-next { bottom: 0; background: url(../images/ico-arr-4.png) no-repeat 50% 50% / contain; }
        .index-part-5 .x-e .x-e-prev { top: 0; background: url(../images/ico-arr-3.png) no-repeat 50% 50% / contain; }
    .index-part-5 .swiper-index-5-x-e { height: 100%; width: 200%; }
        .swiper-index-5-x-e .view, .swiper-index-5-x-e .view img { height: 100%; }
        .swiper-index-5-x-e .view { filter: brightness(70%); position: relative; width: 50%;}
        .swiper-index-5-x-e .view:hover, 
        .swiper-index-5-x-e .swiper-slide-active .view { filter: brightness(100%); }
        .swiper-index-5-x-e .view .d
         { position: absolute; width: 100%; height: 100%; top: 0; left: 100%; background-color: rgba(0,0,0,0.8); color: #FFF; padding: .1rem; font-size: .12rem; display: none; }
        .swiper-index-5-x-e .view:hover .d/*,
        .swiper-index-5-x-e .swiper-slide-active .view .d*/
                 { display: block; }
            .swiper-index-5-x-e .view .d i { font-weight: bold; font-size: .16rem; }
            .swiper-index-5-x-e .view .d cite { display: inline-block; margin-top: .1rem; background-color: #666; padding: 0 .1rem; line-height: .24rem; text-transform: uppercase; color: #FFF; font-size: .12rem;}


.index-part-6 {  }
    .index-part-6 .i { width: 50%; float: left; padding: 2px; }
    .index-part-6 .i .in { display: block; position: relative; height: 0; padding-bottom: 41.8060200668896%; overflow: hidden; }
    .index-part-6 .i .in img, .index-part-6 .i .c { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
    .index-part-6 .i .in img { transition: .4s all ease-in-out; transform: scale(1,1); }
    .index-part-6 .i .in:hover img { transform: scale(1.2,1.2); }
    .index-part-6 .i .c { text-align: center; padding-top: .8rem; color: #FFF; z-index: 50;}
        .index-part-6 .i .c .t { font-size: .264rem; }
        .index-part-6 .i .c .p { text-transform: uppercase; font-size: .12rem; }
        .index-part-6 .i .c i { display: inline-block; padding: 0 .1rem; line-height: .24rem; background-color: #666; text-transform: uppercase; font-size: .1rem; margin-top: .1rem; }

.index-part-7 {  }
    .index-part-7 .w { display: table; width: 100%; table-layout: fixed; }
    .index-part-7 .c1 { width: 65%; display: table-cell; vertical-align: top; padding-right: .2rem;}
    .index-part-7 .c2 { width: 35%; display: table-cell; vertical-align: top; background-color: #3f3e3e; }
    .swiper-index-7 .swiper-pagination-bullets { width: auto; right: .3rem; left: auto; }
    .swiper-index-7 .swiper-pagination-bullet-active { background-color: #FFF; }
    .index-part-7 .c2 .nav-tabs { border-bottom: 1px dashed #777; height: .5rem;}

    .index-part-7 .c2 .nav-tabs li { float: left; }
        .index-part-7 .c2 .nav-tabs li a { color: #999; font-size: .18rem; line-height: .5rem; padding: 0 .2rem; display: block; border-bottom: 3px solid transparent}
        .index-part-7 .c2 .nav-tabs li.active a { color: #FFF; border-color: #FFF; font-weight: bold;}
    .index-part-7 .c2 .nav-tabs .more { float: right; color: #999; line-height: .5rem; padding-right: .2rem; display: none; }
        .index-part-7 .c2 .nav-tabs .active + .more { display: inline-block; }
    .index-part-7 .c2 .i { line-height: .4rem; display: block; color: #ccc; padding: 0 .2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: .3rem;background: url(../images/ico-arr-2.png) no-repeat 98% 50% / auto 1em;}
        .index-part-7 .c2 .i:hover { background-color: rgba(0,0,0,0.2); }
        .index-part-7 .c2 .i + .i { border-top: 1px dashed #777; }
        .index-part-7 .c2 .i i { color: #FFF; padding-right: .2rem;}
        .index-part-7 .c2 .i span { padding-right: .1rem; }

.ft { background-color: #292929; }
.ft, .ft a { color: #aaa; }
    .ft .c { float: left; padding: .5rem 0; }
    .ft .c1 { width: 20%; }
        .ft .c1 img { width: 75%; }
        .ft .c1 .s1 { padding-left: .26rem; background: url(../images/ico-local-1.png) no-repeat 0 50% / auto .15rem; font-size: .12rem; margin: .15rem 0; }
        .ft .c1 .s2 { padding-left: .26rem; background: url(../images/ico-phone-2.png) no-repeat 0 50% / auto .15rem; font-size: .24rem; line-height: 1; margin: .2rem 0; }
    .ft .c2 { width: 65%; display: table; float: left; }
        .ft .c2 .cx { width: 20%; display: table-cell; text-align: center; border-right: 1px solid rgba(255,255,255,.2);}
        .ft .c2 .cx:first-child {  border-left: 1px solid rgba(255,255,255,.2); } 
        .ft .c2 .cx .t, .ft .c2 .cx .i { display: block; }
        .ft .c2 .cx .t { font-weight: bold; font-size: .18rem; padding-bottom: .1rem; }
        .ft .c2 .cx .i { line-height: .3rem; }
            .ft .c2 .cx .i:hover { color: #FFF; }
    .ft .c3 { width: 15%; padding-left: .3rem; }
        .ft .c3 .qr { height: .66rem; margin: .1rem 0; }
        .ft .c3 img { height: .66rem; float: left;}
        .ft .c3 p { writing-mode: vertical-rl; float: left; font-size: .12rem; text-align: center; line-height: 1.2; padding-left: .1rem;}
    .ft .k { text-align: center; background-color: #1c1c1c; color: #808080; line-height: 1.2; padding: .15rem 0 .8rem; font-size: .12rem;}

.common-hv { position: fixed; z-index: 4500; right: 0; bottom: 35%; box-shadow: 0 0 .1rem rgba(0,0,0,.1) }
    .common-hv .i { position: relative; width: .8rem; height: .8rem; display: block; }
    .common-hv .i + .i { border-top: 1px solid #dfdfdf; }
    .common-hv .i .d, .common-hv .i .h { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
    .common-hv .i .d { z-index: 10; }
    .common-hv .i img { width: 100%; height: 100%; }
    .common-hv .i .h { z-index: 15; opacity: 0; transition: .2s all ease-in-out; }
    .common-hv .i:hover .h { opacity: 1; }
    .common-hv .i .qr-c { position: absolute; width: 1.5rem; background-color: #FFF; right: 110%; top: 0; padding: .1rem; display: none; }
        .common-hv .i:hover .qr-c { display: block; }
        .common-hv .i .qr-c img { width: 100%; }
        .common-hv .i .qr-c p { text-align: center; font-size: .12rem; }
        .common-hv .i .qr-c .p1 { color: #a13d41; }

.modal-release {  }
    .modal-release .modal-content { width: 4rem; padding: .3rem .3rem .8rem; border-radius: .1rem; background: #FFF url(../images/modal-release-bg.png) no-repeat 50% 100% / 100% auto;}
    .modal-release .modal-dialog { margin: 0; }
    .modal-release .x-close { position: absolute; right: .2rem; top: .2rem; width: .3rem; height: .3rem; background: #dfdfdf url(../images/ico-close.png) no-repeat 50% 50% / 50% auto; border-radius: 100%; cursor: pointer;}
    .modal-release .h img { height: .4rem; }
    .modal-release .d { background: url(../images/modal-release-text1.png) no-repeat 50% 50% / contain; height: 1.6rem; margin: .2rem 0; }
    .modal-release .f .i { position: relative;  }
    .modal-release .f .i i {  display: none; position: absolute; left: 0; top: 0; line-height: .4rem; }
    .modal-release .f .form-control { border-width: 0 0 1px 0; box-shadow: none; height: .4rem; line-height: .4rem; margin: .1rem 0;}
    .modal-release .x { font-size: .12rem; color: #999; padding: .1rem 0; }


.common-dv { position: fixed; z-index: 2200; bottom: -1.6rem; left: 0; width: 100%; transition: .2s all ease-in-out; }
.dv-show .common-dv { bottom: 0; }
    .common-dv .tog { text-align: center; position: absolute; top: -.5rem; left: 0; width: 100%;}
        .common-dv .tog .in { display: inline-block; border: 10rem; background: #3e3e3e url(../images/col-bottom-2-2.png) no-repeat 94% 30% / .24rem auto; border-radius: 10rem; padding: .15rem .8rem .5rem .4rem; }
        .common-dv .tog .in img { height: .3rem; }
        .dv-show  .common-dv .tog .in { background: #3e3e3e url(../images/col-bottom-2-1.png) no-repeat 94% 30% / .3rem auto; }
    .common-dv .c { background-color: #3e3e3e; padding: .4rem 0 .3rem; }
    .common-dv .c1 { width: 28%; float: left; line-height: .8rem; }
    .common-dv .c2 { width: 50%; float: left; }
    .common-dv .c3 { width: 22%; float: left; text-align: right; line-height: .8rem;}
        .common-dv .c1 img, .common-dv .c3 img { height: .5rem; }
        .common-dv .c2 { height: 1rem; }
            .common-dv .c2 .cf { position: relative; padding-right: 1rem; }
            .common-dv .c2 .i { width: 50%; float: left; padding: .05rem; }
                .common-dv .c2 .i .form-control { border: 0; }
            .common-dv .c2 .b { border: none; background: #ffa34d url(../images/col-bottom-5.png) no-repeat 50% 50% / 50% auto; width: .9rem; height: .9rem; position: absolute;right: 0; top: .05rem; text-indent: -9999em; overflow: hidden;}


/* pg */
.phd {  }
    .phd img { width: 100%; }

/* pg profile */
.sfc-2-1 { background-color: #f4f4f4; }
    .sfc-2-1 .w-t { padding: .5rem 0; background: url(../images/profile-2-repeat.png) repeat-x 0 100%; text-align: center; margin-bottom: .3rem; } 
    .sfc-2-1 .w-t .t { display: inline-block; width: auto; text-align: left; padding-left: .8rem; background: url(../images/profile-1.png) no-repeat 0 50% / contain;}
        .sfc-2-1 .w-t .t p { font-size: .28rem; color: #121212; }
        .sfc-2-1 .w-t .t i { display: block; color: #999;  }
    .sfc-2-1 .w-c img { max-width: 6rem; }
    .sfc-2-1 .w-s { margin: .3rem -.2rem; }
        .sfc-2-1 .w-s .i { width: 50%; padding: .2rem; float: left;}
        .sfc-2-1 .w-s .in { position: relative; box-shadow: 0 0 .16rem #aaa;}
        .sfc-2-1 .w-s .in i { display: block; width: 1.2rem; height: 1.2rem; float: left; margin-right: .4rem; line-height: 1.2rem; text-align: center; color: #5c483b; font-size: .3rem; }
            .sfc-2-1 .w-s1 .in i { background: linear-gradient(#e2dbce, #decdad); }
            .sfc-2-1 .w-s2 .in i { background: linear-gradient(#b3a29b, #dacbc2, #b3a29b); }
        .sfc-2-1 .w-s .in p { height: 1.2rem; line-height: .3rem; padding: .3rem 0; font-size: .2rem; }

    .sfc-2-1 .box-ex-1 .t { font-size: .18rem; background-color: #FFF; padding: .15rem .2rem; color: #121221; }
    .sfc-2-1 .box-ex-1 .c { padding: .2rem; background-color: #fff; margin-top: .04rem;}
    .sfc-2-1 .box-ex-1 .ct { font-weight: bold; border-bottom: 1px solid #D0D0D0; line-height: .34rem; margin-top: .15rem;}
    .sfc-2-1 .box-ex-1 .cc { padding-top: .1rem; }
    .sfc-2-1 .box-ex-1 .cc + .ct { margin-top: .1rem; }

    .sfc-2-1 .box-ex-2 { padding: .2rem; font-size: .22rem; text-align: center; background-color: #FFF; font-weight: bold; }

.sfc-2-2 {  }
    .sfc-2-2 .w-t { padding: .5rem 0; background: url(../images/profile-2-repeat.png) repeat-x 0 100%; text-align: center; margin-bottom: .3rem; } 
    .sfc-2-2 .w-t .t { display: inline-block; width: auto; text-align: left; padding-left: .8rem; padding-top: .1rem; padding-bottom: .1rem; background: url(../images/profile-p2-1.png) no-repeat 0 50% / contain;}
        .sfc-2-2 .w-t .t p { font-size: .28rem; color: #121212; }
    .sfc-2-2 .box-1 { background: #FFF url(../images/profile-p2-2.jpg) no-repeat 50% 100%; }
    .sfc-2-2 .box-1 .inner { max-width: 6rem; margin: .4rem auto; }
    .sfc-2-2 .box-1 .inner p + p { margin-top: .2rem; }

    .sfc-2-2 .box-2 { background: url(../images/profile-p2-4.jpg) no-repeat 50% 100% / 100% auto; }
    .sfc-2-2 .box-2 .i { width: 50%; padding: .1rem; float: left; }
    /*.sfc-2-2 .box-2 .i:last-child { width: 100%; }*/
    .sfc-2-2 .box-2 .in { border: 1px solid #d27272; box-shadow: 0 0 .3rem #aaa; padding: .5rem; background: url(../images/profile-p2-3.png) no-repeat 100% 100%; }
    .sfc-2-2 .box-2 .in p { line-height: 1.6 !important; height: 6.4em; overflow: hidden; color: #454545; font-size: .16rem !important;}
        .sfc-2-2 .box-2 .in p span { font-size: .16rem !important; }
    .sfc-2-2 .box-2 .in p:empty { display: none; }
    .sfc-2-2 .box-2 .in i { display: inline-block; padding-bottom: .04rem; border-bottom: 1px solid #d0d0d0; font-size: .3rem; margin-bottom: .15rem; }

    .sfc-2-2 .box-3 { background: #f7f8fa url(../images/profile-p2-5.jpg) no-repeat 50% 100% / cover; }
    .sfc-2-2 .box-3 .inner { max-width: 5rem; margin: .4rem auto; }
    .sfc-2-2 .box-3 .inner p + p { margin-top: .15rem; }

    .sfc-2-2 .box-4 { background: url(../images/profile-p2-6.jpg) no-repeat 50% 100% / cover; margin-bottom: -.5rem; }
    .sfc-2-2 .box-4 .inner { max-width: 8rem; margin: .3rem auto 56%; }

.sfc-2-3 { background-color: #ededed; }
    .sfc-2-3 .box-t { text-align: center; font-size: .22rem; background: url("../images/751e25.png") no-repeat 50% 100% / .6rem .04rem; padding-bottom: .1rem; margin-bottom: .2rem;}
    .sfc-2-3 .box-1 { padding: .5rem; background-color: #FFF; }

    .sfc-2-3 .list-1 .i { padding: .1rem 0; }
    .sfc-2-3 .list-1 .in { display: table; width: 100%; padding: .3rem; background-color: #FFF; }
    .sfc-2-3 .list-1 .in:hover { box-shadow: 0 0 .2rem #aaa; }
    .sfc-2-3 .list-1 .im { width: 2rem; height: 1.5rem; display: table-cell; vertical-align: top; }
    .sfc-2-3 .list-1 .im img { width: 100%; height: 100%; } 
    .sfc-2-3 .list-1 .c { display: table-cell; vertical-align: top; padding-left: .3rem; }
    .sfc-2-3 .list-1 .c .t { font-size: .2rem; color: #121212; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: .1rem; }
    .sfc-2-3 .list-1 .c .s { color: #999;  } 
    .sfc-2-3 .list-1 .c i { display: inline-block; background-color: #751e25; color: #FFF; line-height: .32rem; padding: 0 .2rem;margin-top: .2rem;} 
    .sfc-2-3 .list-1 .x { background-color: #751e25; color: #FFF; display: table-cell; vertical-align: middle; text-align: center; width: 1.2rem;}
    .sfc-2-3 .list-1 .x cite { display: block; font-size: .3rem; } 
    .sfc-2-3 .list-1 .x i { display: block; } 

    .sfc-2-3 .list-2 .i { border-bottom: 1px solid #d0d0d0; }
    .sfc-2-3 .list-2 .in { display: table; width: 100%; padding: .3rem; }
    .sfc-2-3 .list-2 .in:hover { background-color: #FFF; }
    .sfc-2-3 .list-2 .im, .sfc-2-3 .list-2 .c { display: table-cell; }
    .sfc-2-3 .list-2 .im { width: 2rem; height: 1.5rem; display: table-cell; vertical-align: top; }
    .sfc-2-3 .list-2 .im img { width: 100%; height: 100%; } 
    .sfc-2-3 .list-2 .c { display: table-cell; vertical-align: top; padding-left: .3rem; }
    .sfc-2-3 .list-2 .c .t { font-size: .2rem; color: #121212; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: .1rem; }
    .sfc-2-3 .list-2 .c .d { color: #999;  } 
    .sfc-2-3 .list-2 .c .s { color: #999;  } 
    .sfc-2-3 .list-2 .c i { display: inline-block; background-color: #751e25; color: #FFF; line-height: .32rem; padding: 0 .2rem;margin-top: .2rem;} 

.w-pager { text-align: center; margin: .5rem 0;}
    .w-pager .a, .w-pager span { display: inline-block; line-height: .3rem; padding: 0 .1rem; }
    .w-pager .a { background-color: #751e25; color: #FFF; cursor: pointer; }

.sfc-2-4 {  }
    .sfc-2-4 .box-t { text-align: center; font-size: .22rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23751e25' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 50% 100% / .6rem .04rem; padding-bottom: .1rem; margin-bottom: .2rem;}
    .sfc-2-4 .box-2 {  }
        .sfc-2-4 .box-2 .w1, .sfc-2-4 .box-2 .w2 { width: 50%; float: left; height: 3.6rem;}
        .sfc-2-4 .box-2 .w1 { background: url(../images/profile-p4-2.jpg) no-repeat 50% 50% / cover; padding: 0 .2rem; }
        .sfc-2-4 .box-2 .w2 { background-color: #eeeeee;  }
        .swiper-2-4-cover { padding: 1rem 0; }
        .swiper-2-4-cover .view { box-shadow: 0 0 .2rem rgba(0,0,0,0.5); filter: brightness(60%);}
        .swiper-2-4-cover .view img { width: 100%; }
        .swiper-2-4-cover .swiper-slide-thumb-active { transform: scale(1.5,1.5); z-index: 900; transition: .2s all ease-in-out; }
        .swiper-2-4-cover .swiper-slide-thumb-active .view { filter: brightness(100%); }
        .swiper-2-4-cover .swiper-pagination-bullet { border-radius: 0; width: .3rem; height: .05rem; }
        .swiper-2-4-cover .swiper-pagination-bullet-active { background-color: #FFF; }

    .swiper-2-4-desc .view { padding: .4rem; display: block; position: relative; }
    .swiper-2-4-desc .view .t { font-size: .24rem; }
    .swiper-2-4-desc .view p { color: #999; }
    .swiper-2-4-desc .view .d { margin-top: .5rem; line-height: .22rem; height: .66rem; overflow: hidden; margin-bottom: .2rem;}
    .swiper-2-4-desc .view i { display: inline-block; line-height: .32rem; background-color: #751e25; color: #FFF; padding: 0 .14rem; }
    .swiper-2-4-desc .view cite { position: absolute; padding: .04rem .1rem; border-radius: 1rem; border: 1px solid #999; color: #999; right: .4rem; top: .4rem; }

    .sfc-2-4 .box-3 { border: 1px solid #d0d0d0; padding: .3rem; margin-top: .3rem; }
    .sfc-2-4 .box-3 .i + .i { margin-top: .3rem; }
        .sfc-2-4 .box-3 .in { display: block; background-color: #ededed; padding: .3rem;overflow: hidden; }
            .sfc-2-4 .box-3 .in:hover { box-shadow: 0 0 .2rem rgba(0,0,0,0.4); }
        .sfc-2-4 .box-3 .im { width: 3rem; height: 2rem; float: left; margin-right: .3rem; }
            .sfc-2-4 .box-3 .im img { width: 100%; height: 100%; }
        .sfc-2-4 .box-3 .c { padding-right: 2rem; position: relative; }
        .sfc-2-4 .box-3 .c .t { font-size: .22rem; }
        .sfc-2-4 .box-3 .c .s { color: #999; font-size: .12rem; }
        .sfc-2-4 .box-3 .c .d { color: #666; margin-top: .3rem; margin-bottom: .3rem; }
        .sfc-2-4 .box-3 .c i { display: inline-block; background-color: #751e25; color: #FFF; line-height: .35rem; padding: 0 .15rem; }
        .sfc-2-4 .box-3 .c .r { position: absolute; right: 0; top: 0; text-align: center; padding: .2rem; color: #FFF; background-color: #751e25; }
        .sfc-2-4 .box-3 .c .r cite { display: block; font-size: .26rem; }
        .sfc-2-4 .box-3 .c .r ins { display: block; text-decoration: none; }


.path-wrap { background-color: #f0f0f0; border-bottom: 1px solid #dfdfdf;}
.path { background: url(../images/ico-home-1.png) no-repeat 0 50% / auto 1.2em; padding: .1rem 0 .1rem .3rem; font-size: .12rem; }
    .path .x { color: #121212; }
    .path span { padding: 0 .1rem; color: #aaa; }
    .path .e { color: #999; }

.sfc-2-view { background-color: #f7f7f7; }
    .sfc-2-view .box-1 { padding-top: .3rem; }
    .sfc-2-view .box-1 .w-m { width: 65%; float: left; }
    .sfc-2-view .box-1 .w-s { width: 35%; float: right; padding-left: .3rem; }

    .sfc-2-view .box-1 .w-m { border: 1px solid #dfdfdf; background-color: #FFF; padding-bottom: .3rem;}
    .sfc-2-view .box-1 .w-m .t { padding: .1rem .2rem; font-size: .32rem; color: #121212; line-height:1.5}
    .sfc-2-view .box-1 .w-m .k { background-color: #f0f0f0; padding: .1rem .2rem; color: #666;}
    .sfc-2-view .box-1 .w-m .k i + i { padding-left: .1rem; }
    .sfc-2-view .box-1 .w-m .s { padding: .1rem .2rem; color: #999; border-bottom: 1px solid #dfdfdf;}
        .sfc-2-view .box-1 .w-m .s .edit { padding-left: .3rem; background: url(../images/ico-edit-1.png) no-repeat 0 50% / auto 1.2em; margin-right: .2rem; } 
        .sfc-2-view .box-1 .w-m .s .view { padding-left: .3rem; background: url(../images/ico-view-1.png) no-repeat 0 50% / auto 1.2em; } 
    .sfc-2-view .box-1 .w-m .m { padding: 0 .3rem; line-height: 1.6;}
    .sfc-2-view .box-1 .w-m .m p { margin: .3rem 0; }
    .sfc-2-view .box-1 .w-m .m img { width: 100%; }
    .sfc-2-view .box-1 .w-m .jp { padding: .3rem; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
    .sfc-2-view .box-1 .w-m .jp .j { display: block; font-size: .16rem; }

    .sfc-2-view .box-1 .w-s .lst { border: 1px solid #dfdfdf; background-color: #F0F0F0; }
    .sfc-2-view .box-1 .w-s .t { color: #FFF; background-color: #848484; font-size: .18rem; text-align: center; padding: .1rem 0; }
    .sfc-2-view .box-1 .w-s .i { padding: .15rem; }
    .sfc-2-view .box-1 .w-s .in { display: block; }
    .sfc-2-view .box-1 .w-s .in:hover { filter: brightness(95%); }
    .sfc-2-view .box-1 .w-s .in img { width: 100%; }
    .sfc-2-view .box-1 .w-s .in p { color: #999; background-color: #FFF; padding: .1rem .2rem; text-align: center; }


/* pg case */
.w-fliter { margin: .3rem 0; border: 1px solid #dfdfdf; }
    .w-fliter .i { padding: .12rem .15rem; display: table; width: 100%; }
    .w-fliter .i + .i { border-top: 1px solid #dfdfdf; }
    .w-fliter .i .t { padding-right: .3rem; display: table-cell; width: 0; white-space: nowrap; color: #999; }
    .w-fliter .i .c { display: table-cell; width: 100%; }
    .w-fliter .i .c a { display: inline-block; line-height: .28rem; padding: 0 .22rem;color: #666; }
    .w-fliter .i .c a:hover { background-color: #dfdfdf; }
    .w-fliter .i .c a.active { background-color: #121212; color: #FFF; } 

.cast-p-caption { background-color: #e5e5e5; height: .6rem; }
    .cast-p-caption .t { line-height: .6rem; height: .6rem; float: left; padding: 0 .3rem; color: #121212; font-size: .26rem; background-color: #bfbfbf; }
    .cast-p-caption .s { height: .6rem; float: right; vertical-align: middle; }
        .cast-p-caption .s i { line-height: .16rem; margin: .14rem 0; font-size: .12rem; /*width: 2em;*/ display: inline-block; }
        .cast-p-caption .s span { font-size: .32rem; padding-right: .2rem;}

.case-list-1 { margin: .1rem -.1rem; }
    .case-list-1 .i { width: 33.3333333333%; float: left; padding: .1rem; }
    .case-list-1 .in { border: 1px solid #dfdfdf; background-color: #FFF; transition: .2s all ease-in-out; }
    .case-list-1 .in:hover { box-shadow: 0 0 .2rem rgba(0,0,0,.4); }
    .case-list-1 .im { position: relative; display: block; height: 0; padding-bottom: 75%; }
        .case-list-1 .im img, .case-list-1 .im .im-d { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
        .case-list-1 .im img { z-index: 50; }
        .case-list-1 .im .im-d { z-index: 100; border: .6rem solid rgba(0,0,0,0.5); background-color: rgba(90,90,90,.5); color: #FFF; text-align: center; padding: 8%;opacity: 0; transition: .2s all ease-in-out; }
        .case-list-1 .im .im-d i { display: inline-block; background-color: rgba(0,0,0,0.4); color: #fff; line-height: .26rem; padding: 0 .12rem; font-size: .12rem; border: 1px solid rgba(255,255,255,.4); }
        .case-list-1 .im .im-d p { line-height: .2rem; height: .6rem; overflow: hidden; margin-bottom: .2rem;  }
        .case-list-1 .in:hover .im .im-d { opacity: 1; }
    .case-list-1 .c { padding: .15rem .2rem; border-bottom: 1px solid #dfdfdf; display: block; }
        .case-list-1 .c .t { font-size: .18rem; }
        .case-list-1 .c .s { color: #666; line-height: 1; margin-top: .1rem; }
            .case-list-1 .c .s i + i { padding-left: .1rem; margin-left: .1rem; border-left: 1px solid #dfdfdf; }
    .case-list-1 .k { padding: .2rem; overflow: hidden; }
        .case-list-1 .k .avt { margin-right: .15rem; float: left; width: .4rem; height: .4rem; overflow: hidden; border-radius: 100%; }
        .case-list-1 .k .avt img { display: block; width: 100%; height: 100%; }
        .case-list-1 .k .kc { float: left; }
        .case-list-1 .k .kc .x { font-size: .12rem; color: #999; }
        .case-list-1 .k .act { float: right; padding-top: .05rem; }
            .case-list-1 .k .act .rel { background-color: #333; color: #FFF; line-height: .28rem; padding: 0 .2rem; display: inline-block;}

.sfc-3-1-v {  }
    .sfc-3-1-v .box-1 { padding-top: .2rem; }
        .sfc-3-1-v .box-1 .w-m { width: 68%; float: left; padding: .15rem; border: 1px solid #e6e6e6; }
        .sfc-3-1-v .box-1 .w-s { width: 32%; float: right; padding-left: .2rem;}
    .sfc-3-1-v .h .t { padding: .1rem .3rem; font-size: .24rem; border: 1px solid #dfdfdf; text-align: center; box-shadow: 0 0 .05rem rgba(0,0,0,.1); margin-bottom: .1rem; font-weight: bold; }
    .sfc-3-1-v .h .d { border: 1px solid #dfdfdf; box-shadow: 0 0 .05rem rgba(0,0,0,.1); }
        .sfc-3-1-v .h .d .lst { 
            background: 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23DFDFDF' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 33% 15% / 1px .5rem, 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23DFDFDF' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 66% 15% / 1px .5rem, 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23DFDFDF' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 33% 85% / 1px .5rem, 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23DFDFDF' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 66% 85% / 1px .5rem;
        }
        .sfc-3-1-v .h .d .i { width: 33.33333333%; float: left; padding: .2rem .1rem; text-align: center; border-bottom: 1px dashed #ccc;}
        .sfc-3-1-v .h .d .i p { font-size: .20rem; height: .32rem; line-height: .32rem;}
        .sfc-3-1-v .h .d .i i { font-size: .12rem; color: #999; }
        .sfc-3-1-v .h .d .dsc { padding: .2rem .3rem; }
            .sfc-3-1-v .h .d .dsc i { font-size: .2rem; padding-bottom: .1rem; display: block; }
            .sfc-3-1-v .h .d .dsc p { color: #666; } 
    .sfc-3-1-v .s-box {  }
        .sfc-3-1-v .s-box img { width: 100%; }
        .sfc-3-1-v .s-box .d { margin: .15rem 0; padding: .2rem; border: 1px solid #dfdfdf; }
        .sfc-3-1-v .s-box .t { font-size: .2rem; line-height: 1; padding-bottom: .1rem; } 
    .sfc-3-1-v .jp { margin: .2rem 0; }
        .sfc-3-1-v .jp .j { display: block; padding: 0 .2rem; line-height: .4rem; border: 1px solid #dfdfdf; font-size: .16rem;}
        .sfc-3-1-v .jp .j + .j { margin-top: .1rem; }
        .sfc-3-1-v .jp .j:hover { background-color: #F0F0F0; }
        .sfc-3-1-v .jp .j i { padding-left: .2rem; font-weight: bold; }

    .w-caption { background-color: #f2f2f2; color: #121212; font-size: .24rem; padding: .1rem .2rem; box-shadow: 0 0 .05rem rgba(0,0,0,.2); margin: .2rem 0;}

    .sfc-3-1-v .w-s-b { border: 1px solid #dfdfdf; padding: .2rem; }
    .sfc-3-1-v .w-s-b + .w-s-b { margin-top: .15rem; }
    .sfc-3-1-v .w-s-b .wt { font-size: .2rem; line-height: 1; padding-bottom: .15rem; }
    .sfc-3-1-v .w-calc .imo img + img { margin-top: .1rem; }
    .sfc-3-1-v .w-calc .c { padding-top: .2rem; }
        .sfc-3-1-v .w-calc .c .form-control { border: 1px solid #dfdfdf; border-radius: .03rem; padding-left: 1rem; line-height: .4rem; height: .4rem; }
        .sfc-3-1-v .w-calc .c .i { position: relative; }
            .sfc-3-1-v .w-calc .c .i + .i { margin-top: .15rem; }
        .sfc-3-1-v .w-calc .c .i i { position: absolute; left: .12rem; top: 0; height: .4rem; line-height: .4rem; padding-left: .24rem; color: #333;}
        .sfc-3-1-v .w-calc .c .i1 i { background: url(../images/case-p1-view-ico-1.png) no-repeat 0 50% / auto 1em; }
        .sfc-3-1-v .w-calc .c .i2 i { background: url(../images/case-p1-view-ico-2.png) no-repeat 0 50% / auto 1em; }
        .sfc-3-1-v .w-calc .c .i3 i { background: url(../images/case-p1-view-ico-3.png) no-repeat 0 50% / auto 1em; }
        .sfc-3-1-v .w-calc .c .i4 i { background: url(../images/case-p1-view-ico-4.png) no-repeat 0 50% / auto 1em; }
        .sfc-3-1-v .w-calc .c p { color: #666; padding: .1rem 0; font-size: .12rem; }
        .sfc-3-1-v .w-calc .c .b { border: 0; display: block; width: 100%; border-radius: .03rem; height: .4rem; line-height: .4rem; color: #FFF; background-color: #565656; }

    .sfc-3-1-v .w-designer .im { width: 45%; float: left; }
    .sfc-3-1-v .w-designer .d { width: 55%; float: right; padding-left: .2rem; }
    .sfc-3-1-v .w-designer .n { font-size: .18rem; }
        .sfc-3-1-v .w-designer .n i { margin-left: .1rem; font-size: .12rem; border: 1px solid #dfdfdf; border-radius: .03rem; display: inline-block; line-height: .22rem; color: #676767; padding: 0 .1rem;}
    .sfc-3-1-v .w-designer .dsc { padding-top: .05rem; padding-bottom: .05rem; font-size: .12rem; }
    .sfc-3-1-v .w-designer .s { color: #999; }
    .sfc-3-1-v .w-designer .s em {  }
    .sfc-3-1-v .w-designer .b { display: inline-block; line-height: .3rem; background-color: #333; color: #FFF; font-size: .12rem; padding: 0 .16rem; margin-top: .1rem; }

    .sfc-3-1-v .w-case .i + .i { margin-top: .2rem; }
    .sfc-3-1-v .w-case .in { display: block; }
    .sfc-3-1-v .w-case .d { padding: .15rem; background-color: #f2f2f2; }
    .sfc-3-1-v .w-case .t { font-size: .18rem; }
    .sfc-3-1-v .w-case .c { font-size: .12rem; color: #666; }

.team-p-caption { text-align: center; margin: .5rem 0; }
    .team-p-caption .t { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23CCCCCC' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 50% 100% / .6rem .05rem; font-size: .22rem; padding-bottom: .12rem; }

.sfc-3-2 { background-color: #f3f3f3; }

.team-list-1 {  }
    .team-list-1 .i { background-color: #2b2b2b; padding: .2rem; }
        .team-list-1 .i + .i { margin-top: .2rem; }
    .team-list-1 .i .h .avt { width: 1.4rem; height: 1.4rem; float: left; }
    .team-list-1 .i .h .hn { float: left; padding-left: .2rem; color: #FFF; }
    .team-list-1 .i .h .hn .n { font-size: .22rem; margin-bottom: .1rem; }
        .team-list-1 .i .h .hn .n i { margin-left: .12rem; background-color: #ccc; line-height: .2rem; font-size: .12rem; color: #333; display: inline-block; border-radius: .02rem; padding: 0 .1rem;}
    .team-list-1 .i .h .hn .k { padding-top: .1rem; color: #999; }
    .team-list-1 .i .h .hn .k em { font-size: 125%; }
    .team-list-1 .i .h .act { float: right; padding-top: .4rem; }
        .team-list-1 .i .h .act a { display: inline-block; line-height: .4rem; padding: 0 .3rem; }
        .team-list-1 .i .h .act .b1 { color: #fff; border: 1px solid #fff; border-radius: .03rem; }
        .team-list-1 .i .h .act .b2 { color: #fff; background-color: #8d2024; border-radius: .03rem; margin-left: .3rem;}
    .team-list-1 .i .ls { padding-top: .2rem; overflow: hidden; margin: 0 -.1rem;}
        .team-list-1 .i .ls .si { width: 33.33333333%; float: left; padding: 0 .1rem; }

    .team-list-1.light .i { background-color: #FFF; }
    .team-list-1.light .i .h .hn { color: #121212; }
    .team-list-1.light .i .h .hn .n i { background-color: #FFF; color: #666; border: 1px solid #d0d0d0;}
    .team-list-1.light .i .h .act .b1 { color: #8d2024; border: 1px solid #8d2024; }

.designer-v-h { padding-top: .2rem; }
    .designer-v-h .im { width: 30%; float: left; }
    .designer-v-h .c { width: 70%; float: right; padding-left: .4rem; }
    .designer-v-h .h { position: relative; margin-bottom: .2rem; }
        .designer-v-h .tpre { font-size: .4rem; padding-top: .1rem; }
        .designer-v-h .tn h1{ font-size: .24rem;  float:left;}
            .designer-v-h .tn i { margin-left: .2rem; background-color: #dfdfdf; color: #666; border-radius: 1rem; line-height: .2rem; font-size: .12rem; padding: 0 .12rem; display: inline-block; margin-top:23px}
        .designer-v-h .h .act { position: absolute; right: 0; bottom: 0; }
            .designer-v-h .act a { display: inline-block; line-height: .3rem; padding: 0 .2rem; }
            .designer-v-h .act a + a { margin-left: .3rem; }
            .designer-v-h .act .b1 { border: 1px solid #333; color: #333; }
            .designer-v-h .act .b2 { border: 1px solid #333; background-color: #333; color: #FFF; }
    .designer-v-h .d {margin-bottom: .2rem; }
        .designer-v-h .d span { color: #666; }
    .designer-v-h .s { padding-top: .2rem; padding-right: .3rem; border-top: 1px solid #dfdfdf; border-right: 4px solid #dfdfdf;}
        .designer-v-h .s .t { font-size: .18rem; }
        .designer-v-h .s p { color: #666; }
        .designer-v-h .s p + .t { margin-top: .1rem; }

.designer-v-h.dark { background-color: #1e1d1f; color: #FFF;}
    .designer-v-h.dark .tn { padding-top: .3rem; font-size: .32rem; font-weight: bold; color: #8a7243;}
    .designer-v-h.dark .tn i { background-color: #8a7243; color: #FFF; }
    .designer-v-h.dark .im { width: 35%; float: left; }
    .designer-v-h.dark .c { width: 65%; float: right; padding-left: .4rem; }
    .designer-v-h.dark .d span, .designer-v-h.dark .s p { color: #aaa; }
    .designer-v-h.dark .s { border-top: 1px solid #8a7243; border-right: 4px solid #8a7243; }
    .designer-v-h.dark .act { padding-top: .3rem; }
    .designer-v-h.dark .act .b1 { border: 1px solid #FFF; color: #FFF; }
    .designer-v-h.dark .act .b2 { border: 1px solid #FFF; background-color: #FFF; color: #333; }

.case-list-2 { margin: .1rem -.1rem; }
    .case-list-2 .i { width: 33.3333333333%; float: left; padding: .1rem; }
    .case-list-2 .in { border: 1px solid #dfdfdf; background-color: #FFF; transition: .2s all ease-in-out; }
    .case-list-2 .in:hover { box-shadow: 0 0 .2rem rgba(0,0,0,.4); }
    .case-list-2 .im { position: relative; display: block; height: 0; padding-bottom: 75%; }
        .case-list-2 .im img, .case-list-2 .im .im-d { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
        .case-list-2 .im img { z-index: 50; }
        .case-list-2 .im .im-d { opacity: 0; z-index: 100; background-color: rgba(0,0,0,.6); color: #FFF; text-align: center; padding: 8%; transition: .2s all ease-in-out; }
        .case-list-2 .im .im-d .dn { border: 1px solid #fff; height: 100%; padding: 10%; }
        .case-list-2 .im .im-d i { display: inline-block; background-color: rgba(0,0,0,0.4); color: #fff; line-height: .26rem; padding: 0 .12rem; font-size: .12rem; border: 1px solid rgba(255,255,255,.4); }
        .case-list-2 .im .im-d p { line-height: .2rem; height: .6rem; overflow: hidden; margin-bottom: .2rem;  }
        .case-list-2 .im .im-d .t { font-size: .18rem; padding-bottom: .1rem; font-weight: bold; }
        .case-list-2 .im .im-d .a { display: inline-block; background-color: #FFF; color: #121212; line-height: .3rem; padding: 0 .2rem;}
            .case-list-2 .im .im-d .a:hover { box-shadow: 0 0 0 .08rem rgba(255,255,255,.5); }
        .case-list-2 .in:hover .im .im-d { opacity: 1; }
    .case-list-2 .c { padding: .15rem .2rem; border-bottom: 1px solid #dfdfdf; display: block;}
        .case-list-2 .c .t { font-size: .18rem; position: relative; }
            .case-list-2 .c .t ins { position: absolute; right: 0; top: 0; background-color: #751e25; color: #FFF; display: inline-block; line-height: .24rem; font-size: .12rem; text-decoration: none; padding: 0 .1rem; }
        .case-list-2 .c .s { color: #666; line-height: 1; margin-top: .1rem; }
            .case-list-2 .c .s i + i { padding-left: .1rem; margin-left: .1rem; border-left: 1px solid #dfdfdf; }

.w-get-1 { margin: .5rem 0; border: 1px solid #dfdfdf; padding: .3rem; }
    .w-get-1 .t { font-size: .32rem; }
    .w-get-1 .t i { padding-left: .4rem; font-size: .18rem; color: #999; }
    .w-get-1 .t i em { color: #121212; }
    .w-get-1 .c { padding-top: .1rem;  }
        .w-get-1 .c .i { float: left; width: 28%; }
        .w-get-1 .c .s { float: left; width: 16%; }
        .w-get-1 .c .i + .i, .w-get-1 .c .i + .s { padding-left: .3rem; }
        .w-get-1 .c .s .b, .w-get-1 .c .form-control { height: .5rem; line-height: .5rem; }
        .w-get-1 .c .s .b { display: block; width: 100%; background-color: #333; border-radius: 3px; border: 0; color: #FFF; }

.proj-h { background: #333 url(../images/case-p3-bg-1.jpg) no-repeat 50% 50% / cover; padding: .4rem 0; }
    .proj-h .im { width: 44%; float: left; }
    .proj-h .c { width: 56%; float: right; padding-left: .4rem; color: #FFF;}
    .proj-h .c .t { font-size: .28rem; }
    .proj-h .c .s { margin: .2rem 0; display: table; width: 100; }
        .proj-h .c .st { width: 3em; font-weight: bold; font-size: .16rem; display: table-cell; }
        .proj-h .c .sc { display: table-cell; }
    .proj-h .c .act { padding-top: .4rem; text-align: right; }
        .proj-h .c .act .a { display: inline-block; line-height: .4rem; padding: 0 .4rem; border-radius: 4px; background-color: #FFF; color: #121212; }

/* pg proj */
.p-content { text-align: justify; }
.p-content p { margin: .1rem 0; }

.proj-caption-1 { margin: .3rem 0; }
    .proj-caption-1 i { display: inline-block; font-size: .22rem; font-weight: bold; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23333333' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 100% / .5rem 1px; padding-bottom: .15rem; }

.sfc-4-1 .box-0 .p-content { padding-right: 15%; }
.sfc-4-1 .box-1 { margin: .5rem 0; background: url(../images/proj-p1-1-0.jpg) no-repeat 50% 50% / cover; padding: .1rem 0;}
    .sfc-4-1 .box-1 .i { width: 20%; float: left; padding: 0 .05rem; }
.sfc-4-1 .box-2 { background-color: #f1f1f1; }
.sfc-4-1 .box-3 {  }
    .sfc-4-1 .box-3 .i { padding: .2rem .05rem; width: 20%; float: left; }
    .sfc-4-1 .box-3 .in { background: url(../images/proj-p1-2-1.jpg) no-repeat 0 100% / cover; height: 3rem; padding: 30% 15%; text-align: center;}
    .sfc-4-1 .box-3 .in:hover { box-shadow: 0 0 .1rem rgba(50,50,50,.3); }
    .sfc-4-1 .box-3 .in .t { font-size: .18rem; padding-bottom: .1rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23333333' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 50% 100% / .3rem 1px; }
    .sfc-4-1 .box-3 .in .c { padding-top: .2rem; font-size: .12rem; color: #666;}
.sfc-4-1 .box-4 { background: url(../images/proj-p1-3-1.jpg) no-repeat 50% 50% / cover; margin-bottom: .5rem; }
    .sfc-4-1 .box-4 .proj-caption-1 i { color: #FFF; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23FFFFFF' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 100% / .5rem 1px;}
    .sfc-4-1 .box-4 .w { padding-bottom: .5rem; }
    .sfc-4-1 .box-4 .i { width: 20%; padding: 0 .1rem; float: left; text-align: center;  }
        .sfc-4-1 .box-4 .in { height: 0; padding-bottom: 100%; position: relative; background: url(../images/proj-p1-3-2.png) no-repeat 50% 50% / contain; }
        .sfc-4-1 .box-4 .in:hover { background: url(../images/proj-p1-3-2-h.png) no-repeat 50% 50% / contain; }
        .sfc-4-1 .box-4 .iw { position: absolute; text-align: center; left: 0; top: 0; width: 100%; height: 100%; padding: 25% 18%; color: #FFF; }
        .sfc-4-1 .box-4 .iw p { font-size: .12rem; }
        .sfc-4-1 .box-4 .iw i { display: block; text-align: center; font-size: .18rem; font-weight: bold; }
        .sfc-4-1 .box-4 .in:hover .iw { color: #121212; }

.w-get-2 { padding: .5rem 0; background: #eeeeee url(../images/proj-p1-4-1.jpg) no-repeat 50% 50% / cover; }
    .w-get-2 .t, .w-get-2 .c, .w-get-2 .x { float: left; }
    .w-get-2 .t { font-size: .28rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23333333' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 50% / 3px 1em; padding-left: .2rem; width: 30%; }
    .w-get-2 .c { padding: 0 .1rem; width: 24%; }
        .w-get-2 .c .form-control { line-height: .4rem; height: .4rem; }
    .w-get-2 .x { width: 22%; padding-left: .2rem; }
        .w-get-2 .x .b { display: block; width: 100%; line-height: .4rem; border: 0; background-color: #4d4d4d; color: #FFF; }

.sfc-4-2 {  }
    .sfc-4-2 .box-0 {  }
        .sfc-4-2 .box-0 .i { width: 33.333333333%; float: left; padding: .1rem; }
        .sfc-4-2 .box-0 .in { border: 1px solid #d0d0d0; padding: .3rem; }
        .sfc-4-2 .box-0 .h { overflow: hidden; }
        .sfc-4-2 .box-0 .avt { width: .6rem; height: .6rem; border-radius: 100%; overflow: hidden; float: left; margin-right: .2rem; }
        .sfc-4-2 .box-0 .n { font-size: .18rem; font-weight: bold; }
        .sfc-4-2 .box-0 .s i { display: inline-block; background-color: #f0f0f0; border: 1px solid #8d2024; color: #8d2024; border-radius: 1rem; line-height: .2rem; font-size: .12rem; padding: 0 .1rem;}
        .sfc-4-2 .box-0 .d { margin-top: .1rem; border-top: 1px solid #dfdfdf; padding-top: .1rem;}
        .sfc-4-2 .box-0 .d p { line-height: 1.5; height: 9em; overflow: hidden; }

    .sfc-4-2 .box-1 { background-color: #2b2b2b; padding: .5rem 0;}
        .sfc-4-2 .box-1 .i { width: 20%; float: left; padding: .05rem; }
        .sfc-4-2 .box-1 .in { position: relative; border: 1px solid #222;}
            .sfc-4-2 .box-1 .in .c { position: absolute; width: 100%; height: 46%; bottom: 0; left: 0; color: #FFF; padding: .3rem;}
            .sfc-4-2 .box-1 .in .c .t { font-size: .18rem; display: inline-block; border-bottom: 1px solid rgba(255,255,255,.4); padding-bottom: .1rem; }
            .sfc-4-2 .box-1 .in .c .d { padding-top: .05rem; font-size: .12rem; }
    .sfc-4-2 .box-2 {  }
        .sfc-4-2 .box-2 .w { margin: 0 -.1rem; }
        .proj-caption-1 + .mr { margin: .1rem 0; }
        .sfc-4-2 .box-2 .i { width: 33.3333333333%; float: left; padding: 0 .1rem; }
        .sfc-4-2 .box-2 .d { padding: .2rem  .3rem; }
        .sfc-4-2 .box-2 .in { border: 1px solid #dfdfdf; }
        .sfc-4-2 .box-2 .in .t { font-size: .18rem; padding-bottom: .1rem;}
        .sfc-4-2 .box-2 .in p { color: #999; line-height: 1.5; height: 3em; overflow: hidden; }
    .sfc-4-2 .box-3 { margin-bottom: .5rem; }
    .sfc-4-2 .box-4 { background: url(../images/proj-p1-3-1.jpg) no-repeat 50% 50% / cover; color: #FFF; }
        .sfc-4-2 .box-4 .proj-caption-1 i { color: #FFF; background: url(../images/ffffff.png) no-repeat 0 100% / .5rem 1px;}
        .sfc-4-2 .box-4 .w1 { margin: 0 -.1rem; }
            .sfc-4-2 .box-4 .w1 .i { width: 33.3333333333%; float: left; padding: 0 .1rem; }
            .sfc-4-2 .box-4 .w1 .in { padding: .1rem; background-color: #FFF; color: #454545; }
            .sfc-4-2 .box-4 .w1 .in .c { height: 15em; overflow: hidden; line-height: 1.5; padding: .1rem; position: relative; }
            .sfc-4-2 .box-4 .w1 .in .c .cx { position: absolute; bottom: .2rem; left: 0; width: 100%; text-align: center; }
            .sfc-4-2 .box-4 .w1 .im { position: relative; background-color: #000;  text-align: center;  }
                .sfc-4-2 .box-4 .w1 .ims { text-align: center; top: 40%; position: absolute; left: 0; width: 100%;}
                .sfc-4-2 .box-4 .w1 .im img { opacity: .3; }
                .sfc-4-2 .box-4 .w1 .im i { display: inline-block; color: #FFF; padding: 0 .1rem .06rem; font-size: .18rem; border-bottom: 1px solid #fff;  }
        .sfc-4-2 .box-4 .w2 { padding: .3rem 0 .5rem; }
    .sfc-4-2 .box-5 { background: url(../images/proj-p2-5-1.jpg) no-repeat 50% 50% / cover; padding-bottom: .5rem; margin: .5rem 0;}
        .sfc-4-2 .box-5 .w { padding: .3rem; background: url(../images/proj-p2-5-2.jpg) no-repeat 50% 50% / cover; }
        .sfc-4-2 .box-5 .w p { padding-right: 50%; padding-bottom: .5rem; }

.proj-caption-2 { text-align: center; margin: .4rem 0;}
    .proj-caption-2 i { display: block; font-size: .24rem; font-weight: bold; }
    .proj-caption-2 cite { display: block; text-transform: uppercase; color: #aaa; }

.sfc-4-3 {  }
    .sfc-4-3 .box-1 { border: 1px solid #dfdfdf; text-align: center; padding: .3rem;  }
    .sfc-4-3 .box-2 { margin: .4rem 0; background-color: #f5f5f5; padding: .4rem; }
    .sfc-4-3 .box-2 .table { font-size: .16rem; margin: .3rem 0;}
        .sfc-4-3 .box-2 .table td { text-align: center; background-color: #808080; color: #FFF; border-color: #f5f5f5; border-width: 5px; width: 16.6666666666%; }
        .sfc-4-3 .box-2 .table th { text-align: center; background-color: #9f2032; color: #FFF; border-color: #f5f5f5; border-width: 5px; }
    .sfc-4-3 .box-2 .ex { font-size: .12rem; color: #999; text-align: center; }
    .sfc-4-3 .box-4 { background-color: #808080; padding: .4rem; color: #FFF; }
        .sfc-4-3 .box-4 p + p { margin-top: .1rem; }
        .sfc-4-3 .box-4 .ex { font-size: .12rem; text-align: center; margin-top: .2rem; opacity: .7;}

.proj-caption-3 { margin: .4rem 0; }
    .proj-caption-3 i { display: inline-block; color: #333; font-size: .24rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23333333' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 100% / 2.5em 2px; padding-bottom: .1rem; }

.sfc-4-4 {  }
    .sfc-4-4 .box-1 { background: url(../images/proj-p4-1-1.jpg) no-repeat 50% 50% / auto 100%; }
        .sfc-4-4 .box-1 .ww { padding-right: 50%; padding-bottom: .8rem;}
        .sfc-4-4 .box-1 .ww p { margin-bottom: .5rem; color: #666; }
        .sfc-4-4 .box-1 .w .i { width: 33.3333333333%; padding: 0 .1rem; float: left; }
    .sfc-4-4 .box-2 {  }
        .sfc-4-4 .box-2 .w { margin: 0 -.05rem; }
        .sfc-4-4 .box-2 .i { width: 33.333333333%; float: left; padding: .05rem; }
            .sfc-4-4 .box-2 .in { position: relative; }
            .sfc-4-4 .box-2 .in img { width: 100%; }
            .sfc-4-4 .box-2 .in .t { position: absolute; width: 100%; bottom: .5rem; left: 0; text-align: center; font-size: .18rem; color: #FFF; letter-spacing: 4px; }
    .sfc-4-4 .box-3 {  }
        .sfc-4-4 .box-3 .w { margin: 0 -.05rem; }
        .sfc-4-4 .box-3 .i { width: 20%; float: left; padding: 0 .05rem; }
        .sfc-4-4 .box-3 .in { border: 1px solid #dfdfdf; border-radius: 4px; background-color: #ebebeb; text-align: center; padding: .4rem 0; }
        .sfc-4-4 .box-3 .in:hover { box-shadow: 0 0 .2rem rgba(100,100,100,.4); }
        .sfc-4-4 .box-3 .ico { width: .8rem; height: .8rem; margin: 0 auto; overflow: hidden; border-radius: 100%; border: 1px solid #dfdfdf; background-color: #FFF; }
            .sfc-4-4 .box-3 .ico img { width: 100%; }
        .sfc-4-4 .box-3 .t { margin: .2rem 0; font-size: .18rem; font-weight: bold; }
        .sfc-4-4 .box-3 .d p { font-size: .12rem !important; }
    .sfc-4-4 .box-4 {  }
        .sfc-4-4 .box-4 .h { position: relative; }
        .sfc-4-4 .box-4 .h img { width: 100%; }
        .sfc-4-4 .box-4 .h .c { position: absolute; top: 15%; left: 18%; color: #FFF;}
        .sfc-4-4 .box-4 .h .c i { display: block; font-size: .26rem; padding-top: .1rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23FFFFFF' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 0 / 3em 1px; }
        .sfc-4-4 .box-4 .h .c cite { display: block; letter-spacing: 4px; }
        .sfc-4-4 .box-4 .w { margin: 0 -.1rem; padding-top: .1rem; }
        .sfc-4-4 .box-4 .w .i { width: 25%; float: left; padding: .1rem; }
        .sfc-4-4 .box-4 .w .im { border: 1px solid #dfdfdf; }
    .sfc-4-4 .box-5 {  }
        .sfc-4-4 .box-5 .i, .sfc-4-4 .box-5 .i .ex, .sfc-4-4 .box-5 .i .m { transition: .1s all ease-in-out; }
        .sfc-4-4 .box-5 .i { width: 25%; float: left; position: relative; height: 3rem;}
        .sfc-4-4 .box-5 .i .ex { position: absolute; z-index: 50; top: 0; left: 0; background: url(../images/proj-p4-5-hover.png) no-repeat 50% 50% / cover; width: 100%; height: 100%;}
        .sfc-4-4 .box-5 .i .ex .d { padding: .5rem; color: #FFF;  }
        .sfc-4-4 .box-5 .i .m { position: absolute; z-index: 60; top: 0; right: 0; width: 100%; background-color: #eeeeee; padding: .5rem; height: 100%; text-align: center; }
        .sfc-4-4 .box-5 .i.active { width: 50%; box-shadow: 0 0 .2rem rgba(0,0,0,.4); z-index: 100; }
        .sfc-4-4 .box-5 .i.active .ex { width: 50%; }
        .sfc-4-4 .box-5 .i.active .m { width: 50%; color: #8c2626;}

        .sfc-4-4 .box-5 .i .m .t { font-size: .18rem; }
        .sfc-4-4 .box-5 .i .m .c { padding-top: .1rem; }

/* pg buss */
.w-get-3 { padding: .5rem 0 .9rem; background: #eeeeee url(../images/w-get-3-bg.jpg) no-repeat 50% 100% / cover; }
    .w-get-3 .t, .w-get-3 .c, .w-get-3 .x { float: left; }
    .w-get-3 .t { font-size: .28rem; background: url(../images/000000.png) no-repeat 0 50% / 3px 1em; padding-left: .2rem; width: 30%; }
    .w-get-3 .c { padding: 0 .1rem; width: 24%; }
        .w-get-3 .c .form-control { line-height: .4rem; height: .4rem; }
    .w-get-3 .x { width: 22%; padding-left: .2rem; }
        .w-get-3 .x .b { display: block; width: 100%; line-height: .4rem; border: 0; background-color: #4d4d4d; color: #FFF; }

.sfc-5-1 {  }
    .sfc-5-1 .box-1 { background: #f0f0f0 url(../images/business-p1-1-bg.jpg) no-repeat 50% 50% / cover; padding: .4rem 0; }
        .sfc-5-1 .box-1 .i {width: 50%; float: left; padding: .02rem;}
        .sfc-5-1 .box-1 .in { position: relative; height: 0; padding-bottom: 75%; }
        .sfc-5-1 .box-1 .in .proj-caption-3 { margin: 0 0 .3rem; }
        .sfc-5-1 .box-1 .ib1 .inw { padding-right: .5rem; padding-bottom: .5rem;  }
        .sfc-5-1 .box-1 .ib3 .inw { background-color: #daceba; }
        .sfc-5-1 .box-1 .ib3 .iw { overflow: hidden; position: absolute; bottom: .46rem; left: 0; width: 100%; padding: 0 .05rem; }
            .sfc-5-1 .box-1 .ib3 .iw .i { width: 20%; float: left; text-align: center; font-size: .3rem; color: #5a331a; font-family: "STXihei"; }
            .sfc-5-1 .box-1 .ib3 .iw .i i { font-size: .12rem; }

        .sfc-5-1 .box-2 { padding: .5rem 0; background: url(../images/business-p1-7-1.jpg) no-repeat 50% 50% / cover; }
            .sfc-5-1 .box-2 .w1 { color: #FFF; background: url(../images/business-p1-6-bg.jpg) no-repeat 50% 50% / cover; padding: .5rem 0; }
                .sfc-5-1 .box-2 .w1 .proj-caption-3 i { color: #FFF; background: url(../images/ffffff.png) no-repeat 0 100% / 2.5em 2px; }
            .sfc-5-1 .box-2 .w1 .c { width: 50%; float: left; padding-right: .4rem; }
            .sfc-5-1 .box-2 .w1 .im { width: 50%; float: right;  }
                .sfc-5-1 .box-2 .w1 .im img, .sfc-5-1 .box-2 .w2 .im img { border: 1px solid rgba(255,255,255,.3); }
            .sfc-5-1 .box-2 .w2  { padding-top: .3rem; }
            .sfc-5-1 .box-2 + .w-get-3 { margin-bottom: -.5rem; }

.sfc-5-2 { background-color: #fff6ed; }
    .sfc-5-2 .mt { text-align: center; color: #751e25; margin: .3rem 0; }
    .sfc-5-2 .mt .t { font-size: .24rem; font-weight: bold;  }
    .sfc-5-2 .mt .s { line-height: 1; padding-top: .1rem; }
    .sfc-5-2 .mt .s i + i { padding-left: .1rem; border-left: 1px solid #751e25; margin-left: .1rem;  }
    .sfc-5-2 .box-1 .w { margin: 0 -.1rem; }
    .sfc-5-2 .box-1 .i { width: 50%; padding: .1rem; float: left; }
    .sfc-5-2 .box-2 .w { margin: 0 -.1rem; }
    .sfc-5-2 .box-2 .i:first-child { padding: .1rem; }
    .sfc-5-2 .box-2 .i:nth-child(2) { width: 50%; float: left; padding: .1rem; }
    .sfc-5-2 .box-2 .i:nth-child(3) { width: 50%; float: right; padding: .1rem; }
    .sfc-5-2 .box-3 .w { margin: 0 -.1rem; }
    .sfc-5-2 .box-3 .i:first-child { float: left; padding: .1rem; }
    .sfc-5-2 .box-3 .i:nth-child(2) { float: right; padding: .1rem; }
    .sfc-5-2 .box-3 .i:nth-child(3) { float: right; padding: .1rem .1rem 0; }

    .sfc-5-2 .box-1 .i .im,
    .sfc-5-2 .box-2 .i .im,
    .sfc-5-2 .box-3 .i .im
    { overflow: hidden; }
    .sfc-5-2 .box-1 .i .im img,
    .sfc-5-2 .box-2 .i .im img,
    .sfc-5-2 .box-3 .i .im img
    { transition: .2s all ease-in-out; }
    .sfc-5-2 .box-1 .i .im:hover img,
    .sfc-5-2 .box-2 .i .im:hover img,
    .sfc-5-2 .box-3 .i .im:hover img
     { transform: scale(1.1,1.1); }

.sfc-5-3 {  }
    .sfc-5-3 .top-h { height: 1.2rem; background: url(../images/business-p3-top.png) no-repeat 50% 100%; }
    .swiper-b1 { padding-bottom: .5rem; background-color: #6c0f17; }
    .swiper-b1 .swiper-pagination { color: #FFF; color: #FFF; padding-bottom: .05rem; }
    .swiper-b1 .rx { position: absolute; bottom: .1rem; width: .3rem; height: .3rem; z-index: 200;  } 
    .swiper-b1 .b-next { right: 22%; background: url(../images/ico-arr-2.png) no-repeat 50% 50% / contain; }
    .swiper-b1 .b-prev { left: 22%; background: url(../images/ico-arr-1.png) no-repeat 50% 50% / contain; }

    .sfc-5-3 .box-1 { background-color: #e1dedd; padding: .2rem 0; font-family: "KaiTi_GB2312","KaiTi","Microsoft YaHei";}
    .sfc-5-3 .box-1 .t { font-size: .26rem; color: #6c0f17; line-height: 1; padding-bottom: .1rem; font-family: "KaiTi_GB2312","KaiTi","Microsoft YaHei"; }
    .sfc-5-3 .list-1 { padding: .3rem; }
        .sfc-5-3 .list-1 .i { padding: .1rem; width: 33.333333333%; float: left; }
        .sfc-5-3 .list-1 .in { box-shadow: 0 0 .2rem rgba(0,0,0,0.3); display: block; }
        .sfc-5-3 .list-1 .d { padding: .2rem;  }
        .sfc-5-3 .list-1 .d .t { font-size: .22rem; line-height: 1; font-family: "KaiTi_GB2312","KaiTi","Microsoft YaHei"; padding-bottom: .05rem; }
        .sfc-5-3 .list-1 .d .s { font-family: "KaiTi_GB2312","KaiTi","Microsoft YaHei";  }
            .sfc-5-3 .list-1 .d .s i + i { border-left: 1px solid #d0d0d0; padding-left: .06rem; margin-left: .06rem; }
        .sfc-5-3 .list-1 .d .act { padding-top: .1rem; cursor: pointer; }
            .sfc-5-3 .list-1 .d .act i { display: inline-block; background-color: #6c0f17; color: #FFF; line-height: .3rem; padding: 0 .2rem; border-radius: 1rem; font-family: "KaiTi_GB2312","KaiTi","Microsoft YaHei"; font-weight: bold; }
    .sfc-5-3 .w-get-3 { background: #6d292f; padding: .5rem 0; margin-bottom: -.5rem; }
        .sfc-5-3 .w-get-3 .t { color: #FFF; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23FFFFFF' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 50% / 3px 1em;  }
        .sfc-5-3 .w-get-3 .c .form-control { background-color: transparent; color: #FFF; border-color: #FFF; }
        .sfc-5-3 .w-get-3 .c ::-webkit-input-placeholder { color:#FFF; }
        .sfc-5-3 .w-get-3 .c ::-moz-placeholder { color:#FFF; }
        .sfc-5-3 .w-get-3 .c :-ms-input-placeholder { color:#FFF; } 
        .sfc-5-3 .w-get-3 .x .b { background-color: #FFF; color: #6d292f; }


.sfc-5-4 { background-color: #c9c3bc; }
    .sfc-5-4 .mt { border-bottom: 1px solid #751e25; color: #751e25; font-size: .26rem; text-align: center; margin: .4rem 0;}
    .sfc-5-4 .mt i { display: inline-block; padding-bottom: .1rem; margin-bottom: -5px; border-bottom: 5px solid #751e25; letter-spacing: 4px; font-weight: bold; }
    .sfc-5-4 .box-1 .container { background: url(../images/business-p4-1-repeat.png) repeat-x 0 100%; padding-bottom: .6rem; }
    .sfc-5-4 .box-1 .wx1 { padding: .3rem 25% 0; }

    .swiper-b2-main .view { border-radius: 100%; overflow: hidden; transition: .2s all ease-in-out; }
    .swiper-b2-main .swiper-slide .view { transform: scale(.6,.6); }
    .swiper-b2-main .swiper-slide-active .view { transform: scale(1,1); }
    .swiper-b2-main .rx { position: absolute; top: 45%; width: .5rem; height: .6rem; }
    .swiper-b2-main .b-next { right: 0; background: url(../images/ico-arr-2.png) no-repeat 50% 50% / contain; }
    .swiper-b2-main .b-prev { left: 0; background: url(../images/ico-arr-1.png) no-repeat 50% 50% / contain; }

    .swiper-b2-tab .swiper-slide i { display: block; text-align: center; padding-bottom: .1rem; cursor: pointer; }
    .swiper-b2-tab .swiper-slide-active i { color: #751e25; font-weight: bold; border-bottom: 3px solid #751e25; }

    .sfc-5-4 .box-2 {  }
        .sfc-5-4 .box-2 .i { width: 25%; float: left; }
        .sfc-5-4 .box-2 .in { display: block; background-color: #FFF; text-align: center; border: 1px solid #ccc; padding: .3rem 0;}
        .sfc-5-4 .box-2 .in:hover { background-color: #d3cabf; }
        .sfc-5-4 .box-2 .in p { font-size: .18rem; padding-top: .1rem; }
        .sfc-5-4 .box-2 .in img {  }
    .sfc-5-4 .mt2 { background: url(../images/business-p4-1-repeat.png) repeat-x 0% 100%; margin-top: .3rem; }
        .sfc-5-4 .mt2 i { display: block; width: 2.5rem; height: 1.5rem; margin: 0 auto; background: url(../images/business-p4-mt.png) no-repeat 50% 0% / auto 1rem;  }
        .sfc-5-4 .mt2 cite { display: block; width: 1em; line-height: 1.2; font-weight: bold; margin: 0 auto; padding-top: .2rem; color: #6d292f; }
    .sfc-5-4 .list-1 { padding: .3rem 0; margin: 0 -.1rem; }
        .sfc-5-4 .list-1 .i { width: 25%; float: left; padding: .1rem; }
        .sfc-5-4 .list-1 .in { background-color: #FFF; padding: .05rem; border-radius: .05rem; display: block; }
        .sfc-5-4 .list-1 .c { padding: .05rem; }
        .sfc-5-4 .list-1 .c .t { font-weight: bold; }
        .sfc-5-4 .list-1 .c .d { font-size: .12rem; color: #999; }

.sfc-5-4-v { background-color: #c9c3bc; }
    .w-buss-4 { padding-top: .2rem; }
    .sfc-5-4-v .w1 { width: 70%; float: left; background-color: #FFF; }
    .sfc-5-4-v .w2 { width: 30%; float: right; padding-left: .2rem; }

    .w-buss-4-v .hc { padding: .2rem; }
        .w-buss-4-v .hc .t { font-size: .24rem; font-weight: bold; }
        .w-buss-4-v .hc .d { color: #999; }
    .w-buss-4-v .h-cover {  }
    .w-buss-4-v .hs {  }
        .w-buss-4-v .hs .t { padding: 0 .2rem; font-size: .16rem; font-weight: bold; line-height: .5rem; border-bottom: 1px solid #751e25;}
        .w-buss-4-v .hs .table { background-color: #f3eddf; } 
        .w-buss-4-v .hs .table td { border-color: #ccc; }
    .w-buss-4-v .st { text-align: center; margin: .3rem 0;}
        .w-buss-4-v .st .t { position: relative; border: 1px solid #751e25; line-height: .4rem; font-size: .18rem; display: inline-block; padding: 0 .2rem; font-weight: bold; background-color: #FFF; color: #751e25;}
        .w-buss-4-v .st .t i { display: block; width: 5px; height: 5px; background-color: #FFF; position: absolute; z-index: 100; }
            .w-buss-4-v .st .t .i1 { top: -1px; left: -1px; border-right: 1px solid #751e25; border-bottom: 1px solid #751e25; }
            .w-buss-4-v .st .t .i2 { top: -1px; right: -1px; border-left: 1px solid #751e25; border-bottom: 1px solid #751e25; }
            .w-buss-4-v .st .t .i3 { bottom: -1px; right: -1px; border-left: 1px solid #751e25; border-top: 1px solid #751e25; }
            .w-buss-4-v .st .t .i4 { bottom: -1px; left: -1px; border-right: 1px solid #751e25; border-top: 1px solid #751e25; }
    .w-buss-4-v .p-content { padding: .3rem; }
        .w-buss-4-v .p-content img { width: 100%; }
    .w-buss-4-v .s-box { border-top: .2rem solid #dbd3cb; }
        .w-buss-4-v .s-box .t { font-size: .16rem; line-height: .5rem; padding: 0 .2rem; }
        .w-buss-4-v .s-box .c { padding: 0 .2rem .2rem; }
            .swiper-b4-v-x1 .view { padding: 0 .1rem; }
            .swiper-b4-v-x1 .view p { text-align: center; font-size: .12rem; color: #999; padding-top: .1rem; }
            .swiper-b4-v-x1 .rx { position: absolute; top: 32%; width: .2rem; height: .4rem; background-color: #ff0; z-index: 100;}
            .swiper-b4-v-x1 .b-next { right: 0; background: rgba(0,0,0,0.2) url(../images/ico-arr-2.png) no-repeat 50% 50% / 50% auto; }
            .swiper-b4-v-x1 .b-prev { left: 0; background: rgba(0,0,0,0.2) url(../images/ico-arr-1.png) no-repeat 50% 50% / 50% auto; }

    .sfc-5-4-v .w2 .ws-box { background-color: #f0f0f0; } .sfc-5-4-v .w2 .ws-box + .ws-box { margin-top: .2rem; }
        .sfc-5-4-v .w2 .ws-box .t { line-height: .5rem; font-size: .16rem; font-weight: bold; text-align: center; background-color: #FFF; border-bottom: 1px solid #dfdfdf; }
        .sfc-5-4-v .w2 .ws-box .t-primary { background-color: #751e25; color: #FFF; }
        .sfc-5-4-v .w2 .ws-box .c { padding: .2rem; }
        .sfc-5-4-v .w2 .ws-box .c .i { background-color: #FFF;  }
            .sfc-5-4-v .w2 .ws-box .c .i + .i { margin-top: .2rem; }
        .sfc-5-4-v .w2 .ws-box .c .i p { padding: .1rem .2rem; color: #666; }

/* pg service */
.w-get-4 { padding: .5rem 0; background: #9d2933; }
    .w-get-4 .t, .w-get-4 .c, .w-get-4 .x { float: left; }
    .w-get-4 .t { font-size: .28rem; background: url(../images/ffffff.png) no-repeat 0 50% / 3px 1.2em; padding-left: .2rem; width: 30%; color: #FFF; }
    .w-get-4 .c { padding: 0 .1rem; width: 24%; }
        .w-get-4 .c .form-control { line-height: .4rem; height: .4rem; background-color: transparent; color: #FFF;}
        .w-get-4 .c ::-webkit-input-placeholder { color:#FFF; }
        .w-get-4 .c ::-moz-placeholder { color:#FFF; }
        .w-get-4 .c :-ms-input-placeholder { color:#FFF; } 
    .w-get-4 .x { width: 22%; padding-left: .2rem; }
        .w-get-4 .x .b { display: block; width: 100%; line-height: .4rem; border: 0; background-color: #FFF; color: #9d2933; }

.sfc-6-1 {  }
    .services-mt i { font-size: .24rem; font-weight: bold; display: block; padding-bottom: .1rem; background: url(../images/000000.png) no-repeat 0 100% / .6rem 1px; }
    .services-mt.light i { color: #FFF; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill-rule='evenodd' fill='%23FFFFFF' d='M0 0h1v1H0V0z'/%3E%3C/svg%3E") no-repeat 0 100% / .6rem 1px;}

    .sfc-6-1 .box-1 { background: #121212 url(../images/serv-p1-1-1.jpg) no-repeat 50% 100% / cover; padding: .5rem 0 1.2rem;}
        .sfc-6-1 .box-1 .p-content { color: #fff; padding-top: .3rem; }
        .sfc-6-1 .box-1 .c1 { width: 55%; float: left; }
        .sfc-6-1 .box-1 .c2 { width: 45%; float: right; padding: 0 12%; }

    .sfc-6-1 .box-2 { padding: .5rem 0; }
        .sfc-6-1 .box-2 .c { padding-top: .3rem; }
        .sfc-6-1 .box-2 .i { width: 14.2857142857%; float: left; height: 0; padding-bottom: 14.2857142857%; background-color: #cfcfcf; border: 2px solid #FFF; text-align: center; }
        .sfc-6-1 .box-2 .i:first-child { background-color: #9d2933; color: #FFF;  }
        .sfc-6-1 .box-2 .i cite { display: block; font-size: .2rem; font-weight: bold; margin-top: 38%;}
        .sfc-6-1 .box-2 .i img { width: 30%; margin-top: 22%;}
        .sfc-6-1 .box-2 .i i { display: block; font-weight: bold; }

    .sfc-6-1 .box-3 { background: #121212 url(../images/serv-p1-3-1.jpg) no-repeat 50% 50% / cover; padding: .7rem 0;  }
        .sfc-6-1 .box-3 .container { position: relative; }
        .sfc-6-1 .box-3 .services-mt { position: absolute; left: 0; top: 0;  }
        .sfc-6-1 .box-3 .im { width: 50%; padding-left: 15%; }  

    .sfc-6-1 .box-4 { padding: .5rem 0; }
        .sfc-6-1 .box-4 .i:nth-child(1),
        .sfc-6-1 .box-4 .i:nth-child(2),
        .sfc-6-1 .box-4 .i:nth-child(3) { width: 33.3333333333%; float: left; padding: .05rem;}
        .sfc-6-1 .box-4 .i:nth-child(4),
        .sfc-6-1 .box-4 .i:nth-child(5) { width: 50%; float: left; padding: .08rem; }

        .sfc-6-1 .box-4 .in { border: 1px solid #dfdfdf; border-radius: .08rem; overflow: hidden; background-color: #FFF; box-shadow: 0 0 .1rem rgba(0,0,0,.3); height: 4.8rem;} 
        .sfc-6-1 .box-4 .in .t { background: #9d2933 url(../images/serv-p1-4-1.jpg) no-repeat 50% 50% / cover; color: #FFF; padding: .16rem 0; text-align: center; box-shadow: 0 .05rem .1rem rgba(0,0,0,.4); }
        .sfc-6-1 .box-4 .in .t i { display: inline-block; padding-bottom: .06rem; background: url(../images/ffffff.png) no-repeat 50% 100% / .3rem 1px; }
        .sfc-6-1 .box-4 .in .c { padding: .2rem; }
            .sfc-6-1 .box-4 .in .ci { padding: .1rem 0; display: table; width: 100%; }
            .sfc-6-1 .box-4 .in .ci + .ci { margin-top: .1rem; border-top: 1px solid #dfdfdf; }
            .sfc-6-1 .box-4 .in .ci .ci-1, .sfc-6-1 .box-4 .in .ci .ci-2 { display: table-cell; padding-right: .2rem;  vertical-align: top; }
            .sfc-6-1 .box-4 .in .ci i { display: block; width: .5rem; height: .5rem; border-radius: 100%; text-align: center; line-height: .5rem; color: #FFF; background-color: #9d2933; }
            .sfc-6-1 .box-4 .in .ci p { text-align: justify; }
        .sfc-6-1 .box-4 .i:nth-child(4) .in,
        .sfc-6-1 .box-4 .i:nth-child(5) .in { height: 4rem; }


    .sfc-6-2 { background-color: #efefef; }
    .sfc-6-2 .box-1 { background: url(../images/serv-p2-2-1.jpg) no-repeat 50% 50% / cover; padding: .5rem 0 1rem;  }
        .sfc-6-2 .box-1 .p-content { padding-top: .2rem; }

        .sfc-6-2 .box-2 { background: url(../images/serv-p2-3-1.jpg) no-repeat 50% 50% / cover; padding: 2rem 0; text-align: center; }
        .sfc-6-2 .box-4 { background: url(../images/serv-p2-5-1.jpg) no-repeat 50% 50% / cover; padding: 2rem 0; text-align: center; }
        .sfc-6-2 .box-2 .t, .sfc-6-2 .box-4 .t { display: inline-block; font-size: .4rem; color: #FFF; font-weight: bold; }
            .sfc-6-2 .box-2 .t i, .sfc-6-2 .box-4 .t i { display: block; padding-bottom: .1rem; background: url(../images/ffffff.png) no-repeat 50% 100% / .6rem 1px; }

        .sfc-6-2 .box-3 { padding: .5rem 0; }
            .sfc-6-2 .box-3 .i { width: 33.3333333333%; float: left; padding: .1rem; }
            .sfc-6-2 .box-3 .in { border-radius: .1rem; box-shadow: 0 0 .3rem rgba(0,0,0,.2); padding: .3rem; text-align: center; }
            .sfc-6-2 .box-3 .in .im { width: 1rem; margin: 0 auto; }
            .sfc-6-2 .box-3 .in .t { display: inline-block; padding: 0 .3rem; font-size: .26rem; text-align: center; font-weight: bold; color: #9d2933; border-bottom: 1px solid #dfdfdf; }
            .sfc-6-2 .box-3 .in .c { padding-top: .1rem; padding-bottom: .6rem; }

        .sfc-6-2 .box-5 { padding: .5rem 0; }
            .sfc-6-2 .box-5 .ex { color: #999; font-size: .12rem; text-align: center; }
        .sfc-6-2 .w-get-4 { margin-bottom: -.5rem; border-top: .5rem solid #ffffff; }

    .sfc-6-3 .box-1, .sfc-6-3 .box-3 { padding: .5rem 0; }
    .sfc-6-3 .box-3 .lst { margin: 0 -.1rem }
    .sfc-6-3 .box-3 .lst .i { width: 25%; float: left; padding: .1rem; }

        .sfc-6-3 .box-3 .lst .i .in { background: #ccc url(../images/serv-p3-2.jpg) no-repeat 0 100% / cover; padding: .3rem; border: 1px solid #dfdfdf; transition: .2s all ease-in-out; }
        .sfc-6-3 .box-3 .lst .i .in:hover { box-shadow: 0 0 .2rem rgba(0,0,0,.3); }

        .sfc-6-3 .box-3 .lst .t { padding-top: .3rem; font-size: .16rem; padding-bottom: .1rem; border-bottom: 1px solid #aaaaaa;}
        .sfc-6-3 .box-3 .lst .t i { font-weight: bold; font-size: .3rem; margin-right: .1rem; }
        .sfc-6-3 .box-3 .lst .c { padding-top: .2rem; height: 3.2rem; }

        .sfc-6-3 .box-3 .lst .i .in:hover .t { color: #9d2933; border-color: #9d2933; }
        .sfc-6-3 .box-3 .x { text-align: center; color: #999; padding-top: .1rem; }

        .sfc-6-3 .w-get-4 { margin-bottom: -.5rem; border-top: .5rem solid #FFF; }

    .sfc-6-4 {  }
        .sfc-6-4 .box-1 { background-color: #f2f2f2; padding: .5rem 0; }
        .sfc-6-4 .box-1 .services-mt + p { padding-top: .2rem; padding-bottom: .5rem;}
        .sfc-6-4 .box-1 .c1 { float: left; width: 55%; padding-right: .3rem; border-right: 1px solid #d0d0d0; }
        .sfc-6-4 .box-1 .c2 { float: right; width: 45%; padding-left: .4rem; }
        .sfc-6-4 .box-1 .c1 .cs { position: relative; padding-left: .8rem; margin: .3rem 0; font-size: .18rem;}
            .sfc-6-4 .box-1 .c1 .cs i { position: absolute; left: 0; top: 0; display: block; width: .6rem; height: .6rem; border-radius: 100%; border: 1px solid #dfdfdf; }
            .sfc-6-4 .box-1 .c1 .cs.cs1 i { background: url(../images/serv-p4-1-1.png) no-repeat 50% 50% / 60% auto;}
            .sfc-6-4 .box-1 .c1 .cs.cs2 i { background: url(../images/serv-p4-1-2.png) no-repeat 50% 50% / 60% auto;}
         .sfc-6-4 .box-1 .c2 .cs { width: 50%; float: left; text-align: center; }
            .sfc-6-4 .box-1 .c2 .cs img { width: 60%; }
        .sfc-6-4 .box-2 { padding: .5rem 0; }
            .sfc-6-4 .box-2 .bdmap { width: 100%; height: 4rem; }

/* 20200408 01 */

.sfc-6-5 {  }
    .sfc-6-5 .box-1 { padding-top: .2rem; }
    .sfc-6-5 .box-1 .t { font-size: .24rem;  }
    .sfc-6-5 .box-1 .w-cat { margin: .1rem 0; }
    .sfc-6-5 .box-1 .w-cat .i { display: block; float: left; line-height: .4rem; padding: 0 .2rem; border: 1px solid #dfdfdf;}
    .sfc-6-5 .box-1 .w-cat .i + .i { border-left: 0; }
    .sfc-6-5 .box-1 .w-cat .i.active { background-color: #9f2032; color: #FFF; font-weight: bold; }

.serv-article-lst { margin: .3rem 0; }
    .serv-article-lst .i + .i { margin-top: .3rem; }
    .serv-article-lst .in { display: table; width: 100%; table-layout: fixed; }
    .serv-article-lst .im { display: table-cell; width: 2.4rem; vertical-align: top; }
    .serv-article-lst .c { display: table-cell; vertical-align: top; padding-left: .3rem; }
    .serv-article-lst .t { font-size: .2rem; line-height: 1; padding-bottom: .1rem; }
    .serv-article-lst .d { margin: .1rem 0; line-height: 1.5; height: 3em; overflow: hidden; color: #999; font-size: .12rem;  }
    .serv-article-lst .s { font-size: .12rem; color: #999; margin-bottom: .2rem;}
    .serv-article-lst i { display: inline-block; background-color: #9f2032; color: #FFF; line-height: .3rem; color: #FFF; padding: 0 .3rem; font-size: .12rem; }